/*这个css文件是blog_list页面里的博客文章的样式 */
.blog {
    /* background-color: rgb(255, 255, 255,0.8);
    border-radius: 10px; */
}
.blog .title {
    /* 字体加大  也可以使用像素px*/
    font-size: large;
    /* 字体加粗 */
    font-weight: 700;
    /* 文本居中 */
    text-align: center;
    /* 内边距 */
    padding: 15px;
    
}
.blog .date {
    color: rgb(3, 129, 3);
    text-align: center;
    padding: 5px;
}
.blog .desc {
    /* 缩进两个字符 */
    text-indent: 2em;
}
.blog a {
    /* 转成块级元素才好设置尺寸 */
    display: block;
    color: #000;

    /* 盒子 */
    width: 90px;
    height: 30px;
    border-radius: 10px;
    /* 盒子居中 */
    justify-content: center;
    margin: 15px auto;
    margin-bottom: 20px;

    /* 文本 */
    /* 水平居中 */
    font-size: small;
    text-align: center;
    /* 文字的行高和标签一样,竖直方向就会居中 */
    line-height: 30px;
    /* 去掉下划线 */
    text-decoration: none;
    /* 加上边框 2像素 黑色 实线*/
    border: 2px black solid;
    

    /* 加上一个背景渐变的效果 */
    transition: all 1s;
}

/* 鼠标悬停的时候有个动态效果 */
.blog a:hover {
    background-color: rgb(129, 125, 125);
    color: rgb(255, 255, 255);

}